:root {
    --primary-font-color: #35197C;
    --button-bg-color: #B1BEF0;
    --button-bg-hover-color: #EDEFED;
    --text-content-color: #1B1924;
}

.accordion {
    --bs-accordion-color: var(--primary-font-color);
}

.dropdown-menu {
    --bs-dropdown-min-width: 5rem;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

body {
    font-family: var(--bs-font-sans-serif);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4em;
    color: var(--primary-font-color);
    -webkit-font-smoothing: antialiased;
}

.container {
    max-width: 1180px;
}

.hero-banner .section-container .inner-section-container {
    padding-right: calc(var(--bs-gutter-x) * .5 * -1);
    padding-left: calc(var(--bs-gutter-x) * .5 * -1);
}

h1, .h1 {
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.4rem;
    display: block;
    letter-spacing: -0.02em;
    color: var(--primary-font-color);
}

h2, .h2 {
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 2rem;
    letter-spacing: -0.16px;
    display: block;
    color: var(--primary-font-color);
}

h3, .h3 {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.75rem;
    display: block;
    color: var(--primary-font-color);
}

h4, .h4 {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.6rem;
    letter-spacing: -0.16px;
    display: block;
    color: var(--primary-font-color);
}

h5, .h5 {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5rem;
    display: block;
    letter-spacing: -0.02em;
    color: var(--primary-font-color);
}

h6, .h6 {
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.4rem;
    letter-spacing: -0.16px;
    display: block;
    color: var(--primary-font-color);
}

p, .p, .fs-body, strong, li, a {
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-weight: 400;
    color: var(--text-content-color);
}

p span, .p span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

a, .a {
    text-decoration: none;
    color: var(--primary-font-color);
}

a:hover, .a:hover {
    color: #533AB8;
    text-decoration: none;
}

.white {
    color: #ffffff;
}

.primary-font-color {
    color: var(--primary-font-color);
}

.w-900 {
    font-weight: 900;
}

.w-600 {
    font-weight: 600;
}

.w-500 {
    font-weight: 600;
}

.f-18 {
    font-size: 1.125rem;
    line-height: 1.625rem;
}

.small {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

strong {
    font-weight: 700;
}

ul {
    margin-bottom: 0;
}

.btn-style {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    height: 52px;
    padding: 14px 20px 14px;
    color: var(--primary-font-color);
    cursor: pointer;
    letter-spacing: -0.16px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 900;
    font-size: 18px;
    line-height: 26px;
    background: var(--button-bg-color);
    border: 2px solid var(--button-bg-color);
    transition: all 0.3s ease-in-out;
}

.btn-style:hover {
    transition: all 0.3s ease-in-out;
    border: 2px solid var(--button-bg-hover-color);
    background: var(--button-bg-hover-color);
    color: #35197C;
}

.btn-style.small {
    padding: 10px 15px 11px;
    height: 38px;
    font-size: 13px;
    line-height: 24px;
}

.btn-style.transparent {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

.btn-style.colored-border {
    color: #35197C;
    text-transform: capitalize;
    border-radius: 60px;
    background: 0 0;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, rgb(255, 1, 2), rgba(243, 182, 0, 0.5)) border-box;
    border: 2px solid transparent;
}

.btn-style.text {
    min-width: 90px;
    height: 32px;
    padding: 7px 5px;
    background: transparent;
    border: none;
    box-shadow: none;
    color: #35197C;
}

.btn-style.round {
    border-radius: 50px;
}

.btn-style.shadow {
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}

.btn-style.icon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-style.gradient {
    background: rgb(219, 10, 10);
    background: linear-gradient(0deg, rgb(219, 10, 10) 0%, rgb(253, 219, 45) 100%);
    border: none;
    color: white;
}

.btn-style.icon-circle {
    border-radius: 50%;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
}

.btn-style.icon-circle i {
    font-size: 22px;
}

.btn-style.purple {
    background: #35197C;
    color: #ffffff;
    border-color: #35197C;
}

.btn-style.purple:hover {
    border: 2px solid #533AB8;
    background: #533AB8;
    color: #ffffff;
}

@media (min-width: 576px) {
    .h1, h1 {
        font-size: 1.925rem;
        line-height: 2.05rem;
    }

    .h2, h2 {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }

    .h3, h3 {
        font-size: 1.275rem;
        line-height: 1.6rem;
    }

    .h4, h4 {
        font-size: 1.1rem;
        line-height: 1.4rem;
    }

    .h5, h5 {
        font-size: 1rem;
        line-height: 1.35rem;
    }

    .h6, h6 {
        font-size: 0.925rem;
        line-height: 1.2rem;
    }

    p, .p, .fs-body, strong, li, a {
        font-size: 0.925rem;
        line-height: 1.325rem;
    }
}

@media (min-width: 768px) {
    .h1, h1 {
        font-size: 2.35rem;
        line-height: 2.5rem;
    }

    .h2, h2 {
        font-size: 1.8rem;
        line-height: 2.1rem;
    }

    .h3, h3 {
        font-size: 1.45rem;
        line-height: 1.8rem;
    }

    .h4, h4 {
        font-size: 1.2rem;
        line-height: 1.55rem;
    }

    .h5, h5 {
        font-size: 1.0625rem;
        line-height: 1.45rem;
    }

    .h6, h6 {
        font-size: 0.975rem;
        line-height: 1.275rem;
    }

    p, .p, .fs-body, strong, li, a {
        font-size: 0.975rem;
        line-height: 1.4rem;
    }
}

@media (min-width: 992px) {
    .h1, h1 {
        font-size: 2.85rem;
        line-height: 3rem;
    }

    .h2, h2 {
        font-size: 2.1rem;
        line-height: 2.5rem;
    }

    .h3, h3 {
        font-size: 1.65rem;
        line-height: 2rem;
    }

    .h4, h4 {
        font-size: 1.35rem;
        line-height: 1.75rem;
    }

    .h5, h5 {
        font-size: 1.15rem;
        line-height: 1.6rem;
    }

    .h6, h6 {
        font-size: 1.05rem;
        line-height: 1.375rem;
    }

    p, .p, .fs-body, strong, li, a {
        font-size: 1.05rem;
        line-height: 1.5rem;
    }

}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 3.2rem;
        line-height: 3.35rem;
    }

    .h2, h2 {
        font-size: 2.3rem;
        line-height: 2.75rem;
    }

    .h3, h3 {
        font-size: 1.75rem;
        line-height: 2.15rem;
    }

    .h4, h4 {
        font-size: 1.425rem;
        line-height: 1.9rem;
    }

    .h5, h5 {
        font-size: 1.2rem;
        line-height: 1.675rem;
    }

    .h6, h6 {
        font-size: 1.0875rem;
        line-height: 1.4375rem;
    }

    p, .p, .fs-body, strong, li, a {
        font-size: 1.0875rem;
        line-height: 1.5625rem;
    }

}

@media (min-width: 1400px) {
    .h1, h1 {
        font-size: 3.625rem;
        line-height: 3.75rem;
    }

    .h2, h2 {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .h3, h3 {
        font-size: 1.875rem;
        line-height: 2.375rem;
    }

    .h4, h4 {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .h5, h5 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .h6, h6 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    p, .p, .fs-body, strong, li, a {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
}

.large-image-container {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;

    & img {
        height: 620px;
        width: 100%;
        object-fit: cover;
    }

    @media screen and (max-width: 767px) {
        img {
            height: 320px;
        }
    }

    @media screen and (max-width: 991px) and (min-width: 768px) {
        img {
            height: 400px;
        }
    }

    @media screen and (max-width: 1199px) and (min-width: 992px) {
        img {
            height: 500px;
        }
    }
}

/* C012HeroBanner */

.hero-banner {
    .content {
        background: var(--primary-font-color);
        margin-top: -100px;
    }
}

/* C013Therpy */

.therpy {
    .therapy-content {
        background: rgb(241, 244, 255);
        margin-top: -115px;

        & li {
            list-style: none;

            & div {
                border-bottom: 1px solid rgb(21, 6, 58);
            }

            & p {
                margin-bottom: 0;

                & strong {
                    color: #35197C;
                }
            }
        }

        & li:last-of-type {
            div {
                border-bottom: none;
            }
        }

        @media screen and (min-width: 768px) {
            li:nth-last-of-type(2) {
                div {
                    border-bottom: none;
                }
            }
        }
    }

    @media screen and (max-width: 991px) and (min-width: 768px) {
        .therapy-content {
            margin-top: -80px;
        }
    }

    @media screen and (max-width: 767px) {
        .therapy-content {
            margin-top: 4px;
        }
    }
}

.sec-disease-single .disease-card .faq-wrapper {
    background: rgb(241, 244, 255);
    padding: 60px 100px 80px;
    border-radius: 8px;
}

.sec-disease-single .disease-card .faq-wrapper .accordion {
    max-width: 100%;
}

.sec-disease-single .disease-card .faq-wrapper .accordion .accordion-item {
    background: transparent;
}

.sec-disease-single .disease-card .faq-wrapper .accordion .accordion-item .accordion-header {
    margin-bottom: 0;
}

.sec-disease-single .disease-card .faq-wrapper .accordion .accordion-item .accordion-header .accordion-button {
    background: transparent;
}

.sec-disease-single .disease-card .faq-wrapper .accordion .accordion-item .accordion-header .accordion-button:before {
    transition: unset;
}

.sec-disease-single .disease-card .faq-wrapper .accordion .accordion-item .accordion-body {
    padding: 2px 0 24px;
    font-size: 16px;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec-disease-single .disease-card .faq-wrapper {
        padding: 30px 20px;
    }
}

footer p {
    color: white;
}

.sec-treatment-process .faq-wrapper .accordion-body p {
    color: white;
}

/* Publication List */

.publication-list {
    .publication-card {
        .body {
            div.h6, p {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            div.h6 {
                -webkit-line-clamp: 3;
            }

            p {
                -webkit-line-clamp: 1;
            }
        }
    }
}

/* K101DiseaseList */

.cyberknife-card {
    ul.disease-list {
        li {
            strong {
                font-size: 3rem;
                line-height: 2.5rem;
                color: rgb(177, 190, 240);
            }
        }
    }
}

/* C311ServiceWrapper */

.service-wrapper {
    .col-lg-6.order-lg-1 {
        .img-wrapper {
            padding-right: 0;
            margin-bottom: 20px;

            & img {
                width: 100%;
                height: auto;
                object-fit: cover;
            }
        }
    }

    li:not(:last-of-type) {
        border-bottom: 2px solid rgb(237, 239, 237);
    }

    li {
        img {
            max-width: 28px;
        }

        @media screen and (max-width: 767px) {
            img {
                max-width: 20px;
            }
        }

        p {
            margin-bottom: 0;
        }
    }
}

@media (min-width: 992px) {
    .service-wrapper {
        .row {
            display: flex;
            align-items: stretch;
        }

        .col-lg-6.order-lg-1 {
            position: relative;

            & .img-wrapper {
                position: absolute;
                top: 0;
                left: calc(var(--bs-gutter-x) * .5);
                right: 0;
                bottom: 0;
                padding-right: 20px;
                margin-bottom: 0;

                & img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }
}

/* checked until here */

.sec-header {
    max-width: 870px;
    padding-left: 50px;
    margin-bottom: 44px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .services-wrapper {
        max-width: 650px;
        margin: auto;
    }
}

.services-wrapper .img-wrapper {
    padding-right: 20px;
}

@media screen and (max-width: 991px) {
    .img-wrapper {
        padding: 0;
        margin-bottom: 24px;
    }
}

.services-wrapper .img-wrapper img {
    width: 100%;
    height: 642px;
    object-fit: cover;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .img-wrapper img {
        height: 400px;
    }
}

@media screen and (max-width: 767px) {
    .img-wrapper img {
        height: 375px;
    }
}

.services-wrapper .content-wrapper ul.feature-list {
    margin-bottom: 24px;
    padding-left: 0;
}

.services-wrapper .content-wrapper ul.feature-list li {
    list-style: none;
    padding: 24px 0;
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: self-start;
    column-gap: 17px;
}

@media screen and (max-width: 767px) {
    .content-wrapper ul.feature-list li {
        padding: 12px 0;
        gap: 14px;
    }
}

.services-wrapper .content-wrapper ul.feature-list li:not(:last-of-type) {
    border-bottom: 2px solid rgb(237, 239, 237);
}

.services-wrapper .content-wrapper ul.feature-list li .icon-wrapper img {
    max-width: 28px;
}

@media screen and (max-width: 767px) {
    .content-wrapper ul.feature-list li .icon-wrapper img {
        max-width: 20px;
    }
}

.sec-high-therapy {
    padding: 80px 0 40px;
}

@media screen and (max-width: 767px) {
    .sec-high-therapy {
        padding: 24px 18px;
    }
}

.sec-high-therapy .sec-header {
    margin-bottom: 26px;
    padding-left: 100px;
    max-width: 1080px;
}

@media screen and (max-width: 991px) {
    .sec-high-therapy .sec-header {
        padding-left: 0;
        margin-bottom: 24px;
    }
}

.sec-high-therapy .sec-header p:not(:last-of-type) {
    margin-bottom: 12px;
}


.sec-high-therapy .therapy-img img {
    width: 100%;
    height: 620px;
    object-fit: cover;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-high-therapy .therapy-img img {
        height: 400px;
    }
}

@media screen and (max-width: 767px) {
    .sec-high-therapy .therapy-img img {
        height: 300px;
    }
}

.sec-high-therapy .therapy-content {
    background: rgb(241, 244, 255);
    max-width: 1000px;
    margin: -115px 0 0 75px;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-high-therapy .therapy-content {
        margin: -80px 40px 0;
    }
}

@media screen and (max-width: 767px) {
    .sec-high-therapy .therapy-content {
        margin: 4px auto 0;
        grid-template-columns: auto;
    }
}

.sec-high-therapy .therapy-content .therapy-card {
    padding: 30px;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .sec-high-therapy .therapy-content .therapy-card {
        padding: 20px 15px;
        overflow: hidden;
    }
}

.sec-high-therapy .therapy-content .therapy-card.bg-white {
    background: #ffffff;
}

@media screen and (max-width: 767px) {
    .sec-high-therapy .therapy-content .therapy-card.bg-white {
        margin-bottom: 24px;
    }
}

.sec-high-therapy .therapy-content .therapy-card .about-therapy {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #1B1924;
}

.sec-high-therapy .therapy-content .therapy-card .about-therapy p:not(:last-of-type) {
    margin-bottom: 12px;
}

.sec-high-therapy .therapy-content .therapy-card ul.therapy-list {
    padding-left: 0;
}

.sec-high-therapy .therapy-content .therapy-card ul.therapy-list li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    display: block;
}

.sec-high-therapy .therapy-content .therapy-card ul.therapy-list li:not(:last-of-type) {
    margin-bottom: 10px;
}

.sec-high-therapy .therapy-content .therapy-card ul.therapy-list li:before {
    content: "";
    background: url(/attachment/b7h37k6ojio54k2sp59z6udvv) no-repeat center;
    background-size: cover;
    width: 16px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 3px;
}

.sec-high-therapy .therapy-content ul.benefit-list {
    padding-left: 0;
}

.sec-high-therapy .therapy-content ul.benefit-list li {
    list-style: none;
    position: relative;
    display: block;
    padding: 12px 0;
}

.sec-high-therapy .therapy-content ul.benefit-list li:not(:last-of-type) {
    border-bottom: 1px solid rgb(21, 6, 58);
}

@media screen and (max-width: 767px) {
    .sec-high-therapy .contact-wrapper {
        max-width: 330px;
        margin: 24px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .sec-high-therapy .contact-wrapper.desktop {
        display: none;
    }
}

.sec-high-therapy .contact-wrapper.mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .sec-high-therapy .contact-wrapper.mobile {
        display: block;
    }
}

.sec-high-therapy .contact-wrapper ul.btn-list {
    padding-left: 0;
}

.sec-high-therapy .contact-wrapper ul.btn-list li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .sec-high-therapy .contact-wrapper ul.btn-list li {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .sec-high-therapy .contact-wrapper ul.btn-list li:last-of-type a.btn-style {
        background: transparent;
        border-color: #35197C;
        color: #35197C;
        font-weight: 600;
    }
}

.sec-high-therapy .contact-wrapper ul.btn-list li:not(:last-of-type) {
    margin: 0 24px 0 0;
}

@media screen and (max-width: 767px) {
    .sec-high-therapy .contact-wrapper ul.btn-list li:not(:last-of-type) {
        margin: 0 0 12px;
    }
}

.sec-high-therapy .contact-wrapper ul.btn-list li a.btn-style {
    min-width: 250px;
}

@media screen and (max-width: 767px) {
    .sec-high-therapy .contact-wrapper ul.btn-list li a.btn-style {
        max-width: 100%;
        width: 100%;
    }
}


.sec-medical-team {
    padding: 100px 0 50px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-medical-team {
        padding: 60px 0;
    }
}

@media screen and (max-width: 767px) {
    .sec-medical-team {
        padding: 40px 0;
    }
}

.sec-medical-team.ptb-50 {
    padding: 50px 0;
}

@media screen and (max-width: 767px) {
    .sec-medical-team.ptb-50 {
        padding: 24px 0;
    }
}

.sec-medical-team.pt-50 {
    padding: 50px 0 100px;
}

.sec-medical-team.sec-medical-team-v1 {
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .sec-medical-team.sec-medical-team-v1 {
        padding: 24px 18px;
    }
}

.sec-medical-team .sec-heading {
    margin-bottom: 42px;
    padding-left: 50px;
    max-width: 845px;
}

@media screen and (max-width: 767px) {
    .sec-medical-team .sec-heading {
        padding-left: 16px;
    }
}

@media screen and (max-width: 767px) {
    .sec-medical-team .sec-heading.sec-heading-v1 {
        padding-left: 0;
        margin-bottom: 24px;
    }
}

.sec-medical-team .sec-heading .main-doctor {
    margin-bottom: 42px;
}

.sec-medical-team .sec-heading .main-doctor p.title {
    color: #35197C;
    font-weight: 900;
    line-height: 18px;
}

@media screen and (max-width: 767px) {
    .sec-medical-team .medical-team-wrapper.desktop {
        display: none;
    }
}

.sec-medical-team .medical-team-wrapper.mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .sec-medical-team .medical-team-wrapper.mobile {
        display: block;
    }
}

.sec-medical-team .col-lg-4, .sec-medical-team .col-lg-3 {
    padding: 0;
}

@media screen and (max-width: 991px) {
    .sec-medical-team .col-lg-4, .sec-medical-team .col-lg-3 {
        padding: 0 14px;
    }
}

.sec-medical-team .team-card {
    background: #ffffff;
    transition: all 0.2s ease-in-out;
}

.sec-medical-team .team-card:hover {
    background: var(--button-bg-hover-color);
}

.sec-medical-team .team-card.card-small .img-wrapper img {
    height: 282px;
}

.sec-medical-team .team-card .img-wrapper img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: top;
}

@media screen and (max-width: 767px) {
    .sec-medical-team .team-card .img-wrapper img {
        height: 300px;
    }
}

.sec-medical-team .team-card .content-wrapper {
    padding: 24px 24px 30px;
}

.sec-medical-team .team-card .content-wrapper .name-wrapper {
    min-height: 73px;
}

.sec-medical-team .team-card .content-wrapper .arrow-link {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #15063A;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sec-medical-team .team-card .content-wrapper .arrow-link img {
    max-width: 16px;
}

.sec-medical-team .team-card .content-wrapper .arrow-link a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.sec-medical-team .team-card .content-wrapper .arrow-link a img {
    max-width: 16px;
}

.sec-medical-team p.team-info {
    margin: 65px 0 0;
}

@media screen and (max-width: 1199px) {
    .sec-medical-team p.team-info {
        margin: 20px 0 0;
    }
}

/* Standard: mobil-Wrapper unsichtbar */
.sec-medical-team .medical-team-wrapper.mobile {
    display: none;
}

/* Mobile sichtbar machen – UNBEDINGT NACH dem obigen none stehen lassen */
@media (max-width: 767px) {
    .sec-medical-team .medical-team-wrapper.desktop {
        display: none;
    }

    .sec-medical-team .medical-team-wrapper.mobile {
        display: block;
    }
}


.arrow-link-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #fff;
}

.arrow-link-btn:hover, .arrow-link-btn:focus, .arrow-link-btn:active {
    color: #fff;
}

.arrow-link-btn img {
    max-width: 16px;
    filter: brightness(0) invert(1);
}

.sec-create-science {
    position: relative;
    padding: 50px 0;
}

@media screen and (max-width: 767px) {
    .sec-create-science {
        padding: 24px 18px;
    }
}

.sec-create-science .create-science-wrapper {
    position: relative;
}

.sec-create-science .create-science-wrapper .image-wrapper img {
    max-width: 100%;
    height: 620px;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .sec-create-science .create-science-wrapper .image-wrapper img {
        height: 350px;
        object-position: right;
    }
}

.sec-create-science .create-science-wrapper .content-wrapper {
    width: 376px;
    min-height: 674px;
    background: #35197C;
    padding: 30px 30px;
    position: absolute;
    left: 76px;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-create-science .create-science-wrapper .content-wrapper {
        left: 30px;
    }
}

@media screen and (max-width: 767px) {
    .sec-create-science .create-science-wrapper .content-wrapper {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        min-height: auto;
        transform: unset;
    }
}

.sec-create-science .create-science-wrapper .content-wrapper hr {
    color: #fff;
    opacity: 1;
    margin: 30px 0;
}

.sec-create-science .create-science-wrapper .content-wrapper ul.brand-list {
    padding-left: 0;
    margin-top: 36px;
    display: none;
}

.sec-create-science .create-science-wrapper .content-wrapper ul.brand-list li {
    list-style: none;
    display: inline-block;
}

.sec-create-science .create-science-wrapper .content-wrapper ul.brand-list li:not(:last-of-type) {
    margin: 0 20px 0 0;
}

.sec-create-science .create-science-wrapper .content-wrapper .logo-wrapper {
    padding-top: 36px;
    margin-top: 36px;
    border-top: 1px solid #ffffff;
    display: none;
}

.sec-create-science .create-science-wrapper .content-wrapper .logo-wrapper img {
    max-width: 138px;
}

.sec-create-science .contact-wrapper {
    padding-left: 100px;
    margin: 108px 0 0;
}

@media screen and (max-width: 767px) {
    .sec-create-science .contact-wrapper {
        max-width: 330px;
        margin: 48px auto 0;
        padding: 0;
    }
}

.sec-create-science .contact-wrapper p.mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .sec-create-science .contact-wrapper p.mobile {
        display: block;
        line-height: 20px;
        margin-bottom: 24px;
    }
}

.sec-create-science .contact-wrapper ul.btn-list {
    padding-left: 0;
}

.sec-create-science .contact-wrapper ul.btn-list li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .sec-create-science .contact-wrapper ul.btn-list li {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .sec-create-science .contact-wrapper ul.btn-list li:last-of-type a.btn-style {
        background: transparent;
        border-color: #35197C;
        color: #35197C;
        font-weight: 600;
    }
}

.sec-create-science .contact-wrapper ul.btn-list li:not(:last-of-type) {
    margin: 0 24px 0 0;
}

@media screen and (max-width: 767px) {
    .sec-create-science .contact-wrapper ul.btn-list li:not(:last-of-type) {
        margin: 0 0 12px;
    }
}

.sec-create-science .contact-wrapper ul.btn-list li a.btn-style {
    min-width: 250px;
}

@media screen and (max-width: 767px) {
    .sec-create-science .contact-wrapper ul.btn-list li a.btn-style {
        max-width: 100%;
        width: 100%;
    }
}

.contact-wrapper-1 {
    margin: 0px 0 0;
}

@media screen and (max-width: 767px) {
    .contact-wrapper-1 {
        max-width: 330px;
        margin: 48px auto 0;
        padding: 0;
    }
}

.contact-wrapper-1 p.mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .contact-wrapper-1 p.mobile {
        display: block;
        line-height: 20px;
        margin-bottom: 24px;
    }
}

.contact-wrapper-1 ul.btn-list {
    padding-left: 0;
}

.contact-wrapper-1 ul.btn-list li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .contact-wrapper-1 ul.btn-list li {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .contact-wrapper-1 ul.btn-list li:last-of-type a.btn-style {
        background: transparent;
        border-color: #35197C;
        color: #35197C;
        font-weight: 600;
    }
}

.contact-wrapper-1 ul.btn-list li:not(:last-of-type) {
    margin: 0 24px 0 0;
}

@media screen and (max-width: 767px) {
    .contact-wrapper-1 ul.btn-list li:not(:last-of-type) {
        margin: 0 0 12px;
    }
}

.contact-wrapper-1 ul.btn-list li a.btn-style {
    min-width: 250px;
}

@media screen and (max-width: 767px) {
    .contact-wrapper-1 ul.btn-list li a.btn-style {
        max-width: 100%;
        width: 100%;
    }
}


.sec-premium-services {
    padding: 25px 0 25px;
}

@media screen and (max-width: 767px) {
    .sec-premium-services {
        padding: 24px 18px 24px;
    }
}

.sec-premium-services .sec-header {
    max-width: 870px;
    padding-left: 50px;
    margin-bottom: 44px;
}

@media screen and (max-width: 991px) {
    .sec-premium-services .sec-header {
        padding-left: 0;
        margin-bottom: 24px;
    }
}


.sec-premium-services .sec-header p:not(:last-of-type) {
    margin-bottom: 12px;
}


@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-premium-services {
        max-width: 650px;
        margin: auto;
    }
}

.sec-premium-services .img-wrapper {
    padding-right: 20px;
}

@media screen and (max-width: 991px) {
    .sec-premium-services .img-wrapper {
        padding: 0;
        margin-bottom: 24px;
    }
}

.sec-premium-services .img-wrapper img {
    width: 100%;
    height: 642px;
    object-fit: cover;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-premium-services .img-wrapper img {
        height: 400px;
    }
}

@media screen and (max-width: 767px) {
    .sec-premium-services .img-wrapper img {
        height: 375px;
    }
}

.sec-premium-services .content-wrapper ul.feature-list {
    margin-bottom: 24px;
    padding-left: 0;
}

.sec-premium-services .content-wrapper ul.feature-list li {
    list-style: none;
    padding: 24px 0;
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: self-start;
    column-gap: 17px;
}

@media screen and (max-width: 767px) {
    .sec-premium-services .content-wrapper ul.feature-list li {
        padding: 12px 0;
        gap: 14px;
    }
}

.sec-premium-services .content-wrapper ul.feature-list li:not(:last-of-type) {
    border-bottom: 2px solid rgb(237, 239, 237);
}

.sec-premium-services .content-wrapper ul.feature-list li .icon-wrapper img {
    max-width: 28px;
}

@media screen and (max-width: 767px) {
    .sec-premium-services .content-wrapper ul.feature-list li .icon-wrapper img {
        max-width: 20px;
    }
}

@media screen and (max-width: 767px) {
    .sec-premium-services .contact-wrapper {
        max-width: 330px;
    }
}

@media screen and (max-width: 991px) {
    .sec-premium-services .contact-wrapper.desktop {
        display: none;
    }
}

.sec-premium-services .contact-wrapper.mobile {
    display: none;
}

@media screen and (max-width: 991px) {
    .sec-premium-services .contact-wrapper.mobile {
        display: block;
    }
}

.sec-premium-services .contact-wrapper ul.btn-list {
    padding-left: 0;
}

.sec-premium-services .contact-wrapper ul.btn-list li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .sec-premium-services .contact-wrapper ul.btn-list li {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .sec-premium-services .contact-wrapper ul.btn-list li:last-of-type a.btn-style {
        background: transparent;
        border-color: #35197C;
        color: #35197C;
        font-weight: 600;
    }
}

.sec-premium-services .contact-wrapper ul.btn-list li:not(:last-of-type) {
    margin: 0 24px 0 0;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .sec-premium-services .contact-wrapper ul.btn-list li:not(:last-of-type) {
        margin: 0 24px 12px 0;
    }
}

@media screen and (max-width: 767px) {
    .sec-premium-services .contact-wrapper ul.btn-list li:not(:last-of-type) {
        margin: 0 0 12px;
    }
}

.sec-premium-services .contact-wrapper ul.btn-list li a.btn-style {
    min-width: 250px;
}

@media screen and (max-width: 767px) {
    .sec-premium-services .contact-wrapper ul.btn-list li a.btn-style {
        max-width: 100%;
        width: 100%;
    }
}

.sec-treatment-process .faq-wrapper .accordion-item h3 {
    color: white;
}

.sec-treatment-process .faq-wrapper .accordion-item button.collapsed h3 {
    color: var(--primary-font-color);
}

@media screen and (max-width: 767px) {
    .sec-treatment-process {
        padding: 24px 0;
    }
}

.sec-treatment-process .sec-header {
    padding-left: 100px;
    max-width: 1080px;
    margin-bottom: 48px;
}

@media screen and (max-width: 991px) {
    .sec-treatment-process .sec-header {
        padding-left: 0;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .sec-header.desktop {
        display: none;
    }
}

.sec-treatment-process .sec-header.mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .sec-header.mobile {
        display: block;
        max-width: 354px;
        margin: 0 auto 30px;
    }
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .treatment-img.desktop {
        display: none;
    }
}

.sec-treatment-process .treatment-img.mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .treatment-img.mobile {
        display: block;
    }
}

.sec-treatment-process .treatment-img img {
    width: 100%;
    height: 620px;
    object-fit: cover;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-treatment-process .treatment-img img {
        height: 400px;
    }
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .treatment-img img {
        height: 320px;
    }
}

.sec-treatment-process .faq-wrapper {
    max-width: 900px;
    margin: -70px 0 0 50px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-treatment-process .faq-wrapper {
        max-width: 635px;
    }
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .faq-wrapper {
        margin: -85px auto 0;
        max-width: 350px;
    }
}

.sec-treatment-process .faq-wrapper .accordion .accordion-item {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    background: #35197C;
}

.sec-treatment-process .faq-wrapper .accordion .accordion-item:not(:last-of-type) button {
    border-bottom: 1px solid #EDEFED;
}

.sec-treatment-process .faq-wrapper .accordion .accordion-item button {
    background: #ffffff;
    border: 0;
    border-radius: 0 !important;
    color: #ffffff;
    padding: 15px 80px 15px 50px;
    box-shadow: unset !important;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .faq-wrapper .accordion .accordion-item button {
        padding: 12px 45px 12px 24px;
    }
}

.sec-treatment-process .faq-wrapper .accordion .accordion-item button:not(.collapsed) {
    padding: 35px 80px 15px 50px;
    background: #35197C;
    border-bottom: 1px solid #35197C;
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .faq-wrapper .accordion .accordion-item button:not(.collapsed) {
        padding: 24px 24px 0;
    }
}

.sec-treatment-process .faq-wrapper .accordion .accordion-item button:not(.collapsed):before {
    visibility: hidden;
}

.sec-treatment-process .faq-wrapper .accordion .accordion-item button:not(.collapsed) .name-wrapper strong {
    font-size: 72px;
    line-height: 72px;
    color: #ffffff;
}

@media screen and (max-width: 991px) {
    .sec-treatment-process .faq-wrapper .accordion .accordion-item button:not(.collapsed) .name-wrapper strong {
        font-size: 36px;
        line-height: 36px;
    }
}

.sec-treatment-process .faq-wrapper .accordion .accordion-item button:before {
    content: "";
    background: url(/attachment/4yo02plmuea6jbn7pjary3sds) no-repeat center;
    background-size: cover;
    display: none;
    width: 16px;
    height: 2px;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.2s ease-in-out;
    filter: brightness(0) saturate(100%) invert(74%) sepia(14%) saturate(1051%) hue-rotate(194deg) brightness(104%) contrast(88%);
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .faq-wrapper .accordion .accordion-item button:before {
        right: 12px;
    }
}

.sec-treatment-process .faq-wrapper .accordion .accordion-item button.collapsed:before {
    content: "";
    display: block;
    background: url(/attachment/4yo02plmuea6jbn7pjary3sds) no-repeat center;
    background-size: cover;
    height: 18px;
    width: 18px;
    filter: brightness(0) saturate(100%) invert(74%) sepia(14%) saturate(1051%) hue-rotate(194deg) brightness(104%) contrast(88%);
}

.sec-treatment-process .faq-wrapper .accordion .accordion-item button:after {
    display: none;
}

.sec-treatment-process .faq-wrapper .accordion .accordion-item button .name-wrapper {
    display: grid;
    grid-template-columns: 60px 1fr;
    column-gap: 24px;
    align-items: center;
}

@media screen and (max-width: 991px) {
    .sec-treatment-process .faq-wrapper .accordion .accordion-item button .name-wrapper {
        align-items: self-start;
        grid-template-columns: 36px 1fr;
        column-gap: 0;
    }
}

.sec-treatment-process .faq-wrapper .accordion .accordion-item button .name-wrapper strong {
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    color: #B1BEF0;
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .faq-wrapper .accordion .accordion-item button .name-wrapper strong {
        font-size: 24px;
        line-height: 24px;
    }
}

.sec-treatment-process .faq-wrapper .accordion .accordion-collapse.show {
    background: #35197C;
}

.sec-treatment-process .faq-wrapper .accordion .accordion-collapse .accordion-body {
    padding: 30px 50px 26px;
}

@media screen and (max-width: 991px) {
    .sec-treatment-process .faq-wrapper .accordion .accordion-collapse .accordion-body {
        padding: 16px 24px;
    }
}

.sec-treatment-process .faq-wrapper .accordion .accordion-collapse .accordion-body p:not(:last-of-type) {
    margin-bottom: 12px;
}

.sec-treatment-process .contact-wrapper {
    margin: 48px 0 0;
    padding-left: 100px;
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .contact-wrapper {
        max-width: 330px;
        margin: 24px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .contact-wrapper.desktop {
        display: none;
    }
}

.sec-treatment-process .contact-wrapper.mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .contact-wrapper.mobile {
        display: block;
    }
}

.sec-treatment-process .contact-wrapper ul.btn-list {
    padding-left: 0;
}

.sec-treatment-process .contact-wrapper ul.btn-list li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .contact-wrapper ul.btn-list li {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .contact-wrapper ul.btn-list li:last-of-type a.btn-style {
        background: transparent;
        border-color: #35197C;
        color: #35197C;
        font-weight: 600;
    }
}

.sec-treatment-process .contact-wrapper ul.btn-list li:not(:last-of-type) {
    margin: 0 24px 0 0;
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .contact-wrapper ul.btn-list li:not(:last-of-type) {
        margin: 0 0 12px;
    }
}

.sec-treatment-process .contact-wrapper ul.btn-list li a.btn-style {
    min-width: 250px;
}

@media screen and (max-width: 767px) {
    .sec-treatment-process .contact-wrapper ul.btn-list li a.btn-style {
        max-width: 100%;
        width: 100%;
    }
}

.sec-service-faq {
    padding: 50px 0 131px;
}

@media screen and (max-width: 767px) {
    .sec-service-faq {
        padding: 24px 18px 65px;
    }
}

.sec-service-faq .faq-wrapper {
    background: rgb(241, 244, 255);
    padding: 60px 100px 80px;
    border-radius: 8px;
}

@media screen and (max-width: 767px) {
    .sec-service-faq .faq-wrapper {
        padding: 30px 20px;
    }
}

.sec-service-faq .faq-wrapper .accordion {
    max-width: 100%;
}

.sec-service-faq .faq-wrapper .accordion .accordion-item {
    background: transparent;
}

.sec-service-faq .faq-wrapper .accordion .accordion-item .accordion-header {
    margin-bottom: 0;
}

.sec-service-faq .faq-wrapper .accordion .accordion-item .accordion-header .accordion-button {
    background: transparent;
}

@media screen and (max-width: 767px) {
    .sec-service-faq .faq-wrapper .accordion .accordion-item .accordion-header .accordion-button {
        padding: 12px 0 12px 35px;
    }
}

.sec-service-faq .faq-wrapper .accordion .accordion-item .accordion-body {
    padding: 2px 0 24px;
}


/* ---------------------------------------------------- */
/* ------------------ C416SecPromptlyTreatment ------------------- */
/* ---------------------------------------------------- */


.sec-promptly-treatment {
    padding: 50px 0 10px;
    overflow-x: hidden;
}

@media screen and (max-width: 767px) {
    .sec-promptly-treatment {
        padding: 24px 0;
    }
}

.sec-promptly-treatment .sec-header {
    max-width: 1080px;
    padding-left: 100px;
    margin-bottom: 48px;
}

@media screen and (max-width: 991px) {
    .sec-promptly-treatment .sec-header {
        padding: 0 18px;
        margin-bottom: 24px;
    }
}

.sec-promptly-treatment .sec-header p:not(:last-of-type) {
    margin-bottom: 12px;
}

.sec-promptly-treatment .img-wrapper img {
    width: 100%;
    height: 620px;
    object-fit: cover;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-promptly-treatment .img-wrapper img {
        height: 400px;
    }
}

@media screen and (max-width: 767px) {
    .sec-promptly-treatment .img-wrapper img {
        height: 320px;
    }
}

.sec-promptly-treatment #promptly-treatment {
    position: relative;
    top: 0;
    right: -50px;
    margin-top: -100px;
    display: block !important;
}

@media screen and (min-width: 1400px) {
    .sec-promptly-treatment #promptly-treatment {
        min-width: calc((60vw - 1400px) / 2 + 1700px);
    }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
    .sec-promptly-treatment #promptly-treatment {
        left: 40px;
    }
}

@media screen and (max-width: 767px) {
    .sec-promptly-treatment #promptly-treatment {
        padding: 0 0 0 10px;
        right: 0;
    }
}

.sec-promptly-treatment #promptly-treatment .owl-stage {
    display: flex;
}

.sec-promptly-treatment #promptly-treatment .owl-stage .owl-item {
    display: flex;
    flex: 1 0 auto;
}

@media screen and (max-width: 767px) {
    .sec-promptly-treatment #promptly-treatment .owl-stage .owl-item {
        display: block;
    }
}

.sec-promptly-treatment #promptly-treatment .owl-stage .owl-item .item .treatment-card {
    background: #ffffff;
    padding: 50px 50px;
    height: 100%;
    position: relative;
    border-radius: 0;
    transition: 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .sec-promptly-treatment #promptly-treatment .owl-stage .owl-item .item .treatment-card {
        padding: 24px;
    }
}

.sec-promptly-treatment #promptly-treatment .owl-stage .owl-item .item .treatment-card:hover {
    background: rgb(241, 244, 255);
}

.sec-promptly-treatment #promptly-treatment .owl-stage .owl-item .item .treatment-card ul.link-list {
    border-top: 1px solid #1B1924;
    padding-top: 24px;
    margin-top: 24px;
    padding-left: 0;
}

.sec-promptly-treatment #promptly-treatment .owl-stage .owl-item .item .treatment-card ul.link-list li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    display: block;
}

.sec-promptly-treatment #promptly-treatment .owl-stage .owl-item .item .treatment-card ul.link-list li:not(:last-of-type) {
    margin-bottom: 8px;
}

.sec-promptly-treatment #promptly-treatment .owl-stage .owl-item .item .treatment-card ul.link-list li:before {
    content: "";
    background: url(/attachment/b7h37k6ojio54k2sp59z6udvv) no-repeat center;
    background-size: cover;
    width: 16px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 4px;
}

.sec-promptly-treatment #promptly-treatment .owl-stage .owl-item .item .treatment-card ul.link-list li a {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #35197C;
}

@media screen and (max-width: 767px) {
    .sec-promptly-treatment #promptly-treatment .owl-stage .owl-item .item .treatment-card ul.link-list li a {
        font-size: 16px;
        line-height: 23px;
    }
}

/* Basis-Kartenstil – immer */
.sec-promptly-treatment .treatment-card {
    background: #fff;
    padding: 50px;
    height: 100%;
    position: relative;
    border-radius: 0;
    transition: 0.3s ease-in-out;
}

.sec-promptly-treatment .treatment-card:hover {
    background: rgb(241, 244, 255);
}

@media (max-width: 767px) {
    .sec-promptly-treatment .treatment-card {
        padding: 24px;
    }
}


/* Liste in Karte */
.sec-promptly-treatment .treatment-card ul.link-list {
    border-top: 1px solid #1B1924;
    padding-top: 24px;
    margin-top: 24px;
    padding-left: 0;
}

.sec-promptly-treatment .treatment-card ul.link-list li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    display: block;
}

.sec-promptly-treatment .treatment-card ul.link-list li:not(:last-of-type) {
    margin-bottom: 8px;
}

.sec-promptly-treatment .treatment-card ul.link-list li:before {
    content: "";
    background: url(/attachment/b7h37k6ojio54k2sp59z6udvv) no-repeat center;
    background-size: cover;
    width: 16px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 4px;
}

.sec-promptly-treatment .treatment-card ul.link-list li a {
    position: relative;
}

@media (max-width: 767px) {
    .sec-promptly-treatment .treatment-card ul.link-list li a {
        font-size: 16px;
        line-height: 23px;
    }
}

/* Owl-spezifisches Layout kann bleiben */
.sec-promptly-treatment #promptly-treatment .owl-stage {
    display: flex;
}

.sec-promptly-treatment #promptly-treatment .owl-stage .owl-item {
    display: flex;
    flex: 1 0 auto;
}

@media (max-width: 767px) {
    .sec-promptly-treatment #promptly-treatment .owl-stage .owl-item {
        display: block;
    }
}

/* ---------------------------------------------------- */
/* ------------------ C417SecInterest ------------------- */
/* ---------------------------------------------------- */


.sec-interest {
    overflow: hidden;
    position: relative;
    padding: 110px 0;
    max-width: 1920px;
    margin: auto;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-interest {
        padding: 45px 0;
    }
}

@media screen and (max-width: 767px) {
    .sec-interest {
        padding: 25px 0;
    }
}

.sec-interest.sec-interest-v2 {
    padding: 10px 0 50px;
}

@media screen and (max-width: 767px) {
    .sec-interest.sec-interest-v2 {
        padding: 24px 18px;
    }
}

.sec-interest.sec-interest-v2 .sec-header {
    padding-left: 50px;
    max-width: 850px;
    margin-bottom: 26px;
}

@media screen and (max-width: 767px) {
    .sec-interest.sec-interest-v2 .sec-header {
        padding-left: 0;
        margin-bottom: 48px;
    }
}

.sec-interest.sec-interest-v2 .sec-header p:not(:last-of-type) {
    margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
    .sec-interest .episode-interest-slider {
        min-width: unset !important;
    }
}

.sec-interest #interest, .sec-interest #episode-interest {
    min-width: calc((100vw - 1200px) / 2 + 1179px);
}

@media screen and (max-width: 767px) {
    .sec-interest #interest, .sec-interest #episode-interest {
        padding: 0;
    }
}

.sec-interest #interest .owl-stage, .sec-interest #episode-interest .owl-stage {
    display: flex;
}

.sec-interest #interest .owl-stage .owl-item, .sec-interest #episode-interest .owl-stage .owl-item {
    display: flex;
    flex: 1 0 auto;
}

.sec-interest #interest .owl-stage .owl-item .item, .sec-interest #episode-interest .owl-stage .owl-item .item {
    height: 100%;
    max-width: 100%;
}

.sec-interest #interest .owl-stage .owl-item .item .card, .sec-interest #episode-interest .owl-stage .owl-item .item .card {
    padding: 30px 30px 120px;
    border: none;
    background: #EDEFED;
    border-radius: 0;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .sec-interest #interest .owl-stage .owl-item .item .card, .sec-interest #episode-interest .owl-stage .owl-item .item .card {
        padding: 20px 20px 98px;
    }
}

.sec-interest #interest .owl-stage .owl-item .item .card.no-footer, .sec-interest #episode-interest .owl-stage .owl-item .item .card.no-footer {
    padding: 30px 30px;
}

.sec-interest #interest .owl-stage .owl-item .item .card > img, .sec-interest #episode-interest .owl-stage .owl-item .item .card > img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .sec-interest #interest .owl-stage .owl-item .item .card > img, .sec-interest #episode-interest .owl-stage .owl-item .item .card > img {
        height: 150px;
    }
}

.sec-interest #interest .owl-stage .owl-item .item .card .card-body, .sec-interest #episode-interest .owl-stage .owl-item .item .card .card-body {
    padding: 0;
}

.sec-interest #interest .owl-stage .owl-item .item .card .card-body p.card-text, .sec-interest #episode-interest .owl-stage .owl-item .item .card .card-body p.card-text {
    margin: 0;
}

.sec-interest #interest .owl-stage .owl-item .item .card .card-body .card-footer, .sec-interest #episode-interest .owl-stage .owl-item .item .card .card-body .card-footer {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    background: transparent;
    width: calc(100% - 60px);
    border-top: 1px solid #15063A;
    padding: 24px 0 30px;
}

@media screen and (max-width: 767px) {
    .sec-interest #interest .owl-stage .owl-item .item .card .card-body .card-footer, .sec-interest #episode-interest .owl-stage .owl-item .item .card .card-body .card-footer {
        padding: 24px 0 20px;
    }
}

.sec-interest #interest .owl-stage .owl-item .item .card .card-body .card-footer .arrow-btn, .sec-interest #episode-interest .owl-stage .owl-item .item .card .card-body .card-footer .arrow-btn {
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s ease-in-out;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-interest #interest .owl-stage .owl-item .item .card .card-body .card-footer .arrow-btn, .sec-interest #episode-interest .owl-stage .owl-item .item .card .card-body .card-footer .arrow-btn {
        font-size: 16px;
        line-height: 24px;
    }
}

@media screen and (max-width: 767px) {
    .sec-interest #interest .owl-stage .owl-item .item .card .card-body .card-footer .arrow-btn, .sec-interest #episode-interest .owl-stage .owl-item .item .card .card-body .card-footer .arrow-btn {
        font-size: 14px;
        line-height: 20px;
    }
}

.sec-interest #interest .owl-stage .owl-item .item .card .card-body .card-footer .arrow-btn img, .sec-interest #episode-interest .owl-stage .owl-item .item .card .card-body .card-footer .arrow-btn img {
    width: 26px;
    height: 26px;
    transition: 0.3s ease-in-out;
}

@media screen and (max-width: 991px) {
    .sec-interest #interest .owl-stage .owl-item .item .card .card-body .card-footer .arrow-btn img, .sec-interest #episode-interest .owl-stage .owl-item .item .card .card-body .card-footer .arrow-btn img {
        width: 18px;
        height: 18px;
    }
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card {
    border: none;
    background: rgb(237, 239, 237);
    padding: 30px 30px 90px;
    position: relative;
    border-radius: 0;
    transition: 0.3s ease-in-out;
    height: 100%;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-interest #interest .owl-stage .owl-item .item .patient-card, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card {
        max-width: 400px;
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .sec-interest #interest .owl-stage .owl-item .item .patient-card, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card {
        margin: 40px 0 0;
    }
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card.patient-card-v2, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card.patient-card-v2 {
    padding: 0 0 90px;
}

@media screen and (max-width: 767px) {
    .sec-interest #interest .owl-stage .owl-item .item .patient-card.patient-card-v2, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card.patient-card-v2 {
        margin: 0;
    }
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card.patient-card-v2 .patient-img, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card.patient-card-v2 .patient-img {
    margin-bottom: 24px;
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card.patient-card-v2 .patient-content, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card.patient-card-v2 .patient-content {
    padding: 0 24px;
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-img, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-img {
    margin-bottom: 24px;
    position: relative;
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-img img, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-img a.icon, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-img a.icon {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: block;
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-img a.icon.play-icon, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-img a.icon.play-icon {
    bottom: -12px;
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-img a.icon.play-icon img, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-img a.icon.play-icon img {
    width: 50px;
    height: 50px;
    max-width: max-content;
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-img a.icon img, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-img a.icon img {
    max-width: 20px;
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-content p.title, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-content p.title {
    font-weight: 900;
    color: #35197C;
    margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
    .sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-content p.title, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-content p.title {
        line-height: 1.1;
    }
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-content .footer, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-content .footer {
    border-top: 1px solid #15063A;
    margin: 24px 0 0;
    padding: 24px 0 0;
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    width: calc(100% - 60px);
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-content .footer, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-content .footer {
        bottom: 58px;
        margin: 15px 0 0;
        padding: 15px 0 0;
    }
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-content .footer .arrow-btn, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-content .footer .arrow-btn {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #35197C;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-content .footer .arrow-btn, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-content .footer .arrow-btn {
        font-size: 14px;
        line-height: 20px;
    }
}

.sec-interest #interest .owl-stage .owl-item .item .patient-card .patient-content .footer .arrow-btn img, .sec-interest #episode-interest .owl-stage .owl-item .item .patient-card .patient-content .footer .arrow-btn img {
    width: 20px;
    height: 22px;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card {
    background: #1B1924;
    border-radius: 4px;
    overflow: hidden;
    height: 100%;
    padding-bottom: 140px;
    position: relative;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-interest #interest .owl-stage .owl-item .item .episode-card, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card {
        max-width: 400px;
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .sec-interest #interest .owl-stage .owl-item .item .episode-card, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card {
        margin: 0;
    }
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card.sticky, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card.sticky {
    position: fixed;
    top: 100px;
    max-width: 400px;
    z-index: 4;
    padding-top: 22px;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .episode-img img, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .episode-img img {
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content {
    padding: 20px 24px;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content p.title, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content p.title {
    font-weight: 600;
    margin: 12px 0;
}

@media screen and (max-width: 767px) {
    .sec-interest #interest .owl-stage .owl-item .item .episode-card .content p.title, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content p.title {
        line-height: 1.1;
    }
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content p.w-900, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content p.w-900 {
    font-weight: 900;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content p.description, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content p.description {
    padding-bottom: 12px;
    text-transform: unset;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content.play-section, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content.play-section {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 15px;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content.play-section:before, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content.play-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    width: calc(100% - 48px);
    background: #fff;
    height: 1px;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content .play-wrapper, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content .play-wrapper {
    margin-top: 9px;
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content .play-wrapper ul.date, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content .play-wrapper ul.date {
    padding-left: 0;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content .play-wrapper ul.date li, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content .play-wrapper ul.date li {
    list-style: none;
    display: inline-block;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content .play-wrapper ul.date li:not(:last-of-type), .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content .play-wrapper ul.date li:not(:last-of-type) {
    margin: 0 24px 0 0;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content .play-wrapper .play-icon, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content .play-wrapper .play-icon {
    width: 75px;
    height: 75px;
    background: #1B1924;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -17px 0 0;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content .play-wrapper .play-icon a img, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content .play-wrapper .play-icon a img {
    max-width: 52px;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content .btn-link, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content .btn-link {
    color: rgb(218, 230, 112);
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}

.sec-interest #interest .owl-stage .owl-item .item .episode-card .content .btn-link img, .sec-interest #episode-interest .owl-stage .owl-item .item .episode-card .content .btn-link img {
    max-width: 18px;
    filter: brightness(0) saturate(100%) invert(88%) sepia(60%) saturate(393%) hue-rotate(6deg) brightness(96%) contrast(88%);
}

.sec-interest.cyber-slider .container .owl-item .item .card {
    padding: 0 !important;
}

.sec-interest.cyber-slider .container .owl-item .item .card .card-body {
    padding: 30px 30px 120px !important;
}

@media screen and (max-width: 767px) {
    .sec-interest.cyber-slider .container .owl-item .item .card .card-body {
        padding: 20px 20px 98px !important;
    }
}

/* ---------------------------------------------------- */
/* ------------------ SecUserQuote ------------------- */
/* ---------------------------------------------------- */


.sec-user-quote {
    padding: 0 0 70px;
}

@media screen and (max-width: 767px) {
    .sec-user-quote {
        padding: 0 20px 40px;
    }
}

.sec-user-quote .quote-wrapper {
    display: grid;
    grid-template-columns: 200px 1fr;
    align-items: self-start;
    column-gap: 36px;
    margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
    .sec-user-quote .quote-wrapper {
        margin-bottom: 60px;
        grid-template-columns: auto;
    }
}

.sec-user-quote .quote-wrapper .img-wrapper img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top;
}

.sec-user-quote .quote-wrapper .img-wrapper .name-wrapper {
    display: grid;
    grid-template-columns: 16px 1fr;
    align-items: self-start;
    column-gap: 10px;
    margin: 36px 0 0;
}

@media screen and (max-width: 991px) {
    .sec-user-quote .quote-wrapper .img-wrapper .name-wrapper {
        margin: 20px 0 0;
    }
}

.sec-user-quote .quote-wrapper .img-wrapper .name-wrapper .arrow-icon img {
    width: 16px;
    height: 14px;
}

.sec-user-quote .quote-wrapper .img-wrapper .name-wrapper .content strong {
    font-size: 16px;
    line-height: 24px;
    font-weight: 900;
    color: #35197C;
}

.sec-user-quote .quote-wrapper .content-wrapper {
    padding-right: 100px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-user-quote .quote-wrapper .content-wrapper {
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .sec-user-quote .quote-wrapper .content-wrapper {
        padding-right: 0;
        margin-top: 40px;
    }
}

.sec-user-quote .quote-wrapper .content-wrapper .quote-icon {
    max-width: 53px;
}

@media screen and (max-width: 991px) {
    .sec-user-quote .quote-wrapper .content-wrapper .quote-icon {
        max-width: 40px;
    }
}

.sec-user-quote .team-quote {
    display: grid;
    grid-template-columns: 373px 1fr;
    align-items: self-start;
    column-gap: 43px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-user-quote .team-quote {
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 767px) {
    .sec-user-quote .team-quote {
        margin-bottom: 60px;
        grid-template-columns: auto;
    }
}

.sec-user-quote .team-quote .img-wrapper img {
    width: 100%;
    height: 490px;
    object-fit: cover;
    object-position: top;
}

@media screen and (max-width: 767px) {
    .sec-user-quote .team-quote .img-wrapper img {
        height: 400px;
    }
}

@media screen and (max-width: 767px) {
    .sec-user-quote .team-quote .content-wrapper {
        margin-top: 40px;
    }
}

.sec-user-quote .team-quote .content-wrapper .name-wrapper {
    margin-bottom: 48px;
}

.sec-user-quote .team-quote .content-wrapper .name-wrapper p.profession {
    font-weight: 600;
    color: #35197C;
    text-transform: uppercase;
}

.sec-user-quote .team-quote .content-wrapper .name-wrapper .mail-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sec-user-quote .team-quote .content-wrapper .name-wrapper .mail-wrapper a {
    font-weight: 600;
}

.sec-user-quote .team-quote .content-wrapper .quote-icon {
    max-width: 50px;
}

@media screen and (max-width: 991px) {
    .sec-user-quote .team-quote .content-wrapper .quote-icon {
        max-width: 40px;
    }
}

.sec-user-quote .team-quote .content-wrapper .quote {
    margin: 30px 0 25px;
}

.sec-user-quote .doctor-history-main .doctor-history-card:not(:last-of-type) {
    margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
    .sec-user-quote .doctor-history-main .doctor-history-card:not(:last-of-type) {
        margin-bottom: 50px;
    }
}

.sec-user-quote .doctor-history-main .doctor-history-card ul.info-wrapper {
    padding-left: 0;
}

.sec-user-quote .doctor-history-main .doctor-history-card ul.info-wrapper li {
    list-style: none;
    display: grid;
    grid-template-columns: 120px auto;
    gap: 30px;
    padding: 8px 0 7px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-user-quote .doctor-history-main .doctor-history-card ul.info-wrapper li {
        grid-template-columns: 110px auto;
        gap: 10px;
    }
}

@media screen and (max-width: 767px) {
    .sec-user-quote .doctor-history-main .doctor-history-card ul.info-wrapper li {
        padding: 16px 0;
        grid-template-columns: 1fr;
        row-gap: 12px;
    }
}

.sec-user-quote .doctor-history-main .doctor-history-card ul.info-wrapper li:not(:last-of-type) {
    border-bottom: 1px solid #15063A;
}

.sec-user-quote .doctor-history-main .doctor-history-card ul.info-wrapper li p.title {
    font-weight: 900;
}

.sec-user-quote .user-quote-wrapper {
    margin-bottom: 80px;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .sec-user-quote .user-quote-wrapper {
        margin: 0 auto 60px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-user-quote .user-quote-wrapper {
        margin: 0 auto 60px;
    }
}

@media screen and (max-width: 767px) {
    .sec-user-quote .user-quote-wrapper {
        margin-bottom: 40px;
    }
}

.sec-user-quote .user-quote-wrapper img {
    width: 100%;
    height: 520px;
    object-fit: cover;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-user-quote .user-quote-wrapper img {
        height: 380px;
    }
}

@media screen and (max-width: 767px) {
    .sec-user-quote .user-quote-wrapper img {
        height: 250px;
    }
}

.sec-user-quote .doctor-detail {
    max-width: 800px;
    margin: 0 auto 80px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-user-quote .doctor-detail {
        margin: 0 auto 60px;
    }
}

@media screen and (max-width: 767px) {
    .sec-user-quote .doctor-detail {
        margin: 0 auto 40px;
    }
}

.sec-user-quote .doctor-detail .name-wrapper {
    display: grid;
    grid-template-columns: 16px 1fr;
    align-items: self-start;
    column-gap: 10px;
    margin: 25px 0 0;
    padding-top: 25px;
    border-top: 1px solid #1B1924;
}

@media screen and (max-width: 991px) {
    .sec-user-quote .doctor-detail .name-wrapper {
        margin: 20px 0 0;
    }
}

.sec-user-quote .doctor-detail .name-wrapper .arrow-icon img {
    width: 16px;
    height: 14px;
}

.sec-user-quote .doctor-detail .name-wrapper .content strong {
    font-size: 16px;
    line-height: 24px;
    font-weight: 900;
    color: #35197C;
}

.sec-user-quote .video-wrapper {
    margin-bottom: 80px;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .sec-user-quote .video-wrapper {
        max-width: 800px;
        margin: 0 auto 60px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-user-quote .video-wrapper {
        max-width: 600px;
        margin: 0 auto 60px;
    }
}

@media screen and (max-width: 767px) {
    .sec-user-quote .video-wrapper {
        margin-bottom: 40px;
    }
}

.sec-user-quote .video-wrapper iframe {
    width: 100%;
    height: 600px;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .sec-user-quote .video-wrapper iframe {
        height: 440px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-user-quote .video-wrapper iframe {
        height: 340px;
    }
}

@media screen and (max-width: 767px) {
    .sec-user-quote .video-wrapper iframe {
        height: 222px;
    }
}

.sec-user-quote .tumor-wrapper {
    max-width: 800px;
    margin: auto;
}


.sec-user-quote .tumor-wrapper .transcript-wrapper {
    margin: 80px 0 0;
}

@media screen and (max-width: 767px) {
    .sec-user-quote .tumor-wrapper .transcript-wrapper {
        margin: 40px 0 0;
    }
}

.sec-user-quote .tumor-wrapper .transcript-wrapper ul.transcript-list {
    padding-left: 0;
}

.sec-user-quote .tumor-wrapper .transcript-wrapper ul.transcript-list li {
    list-style: none;
    display: block;
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 400;
    padding: 24px 0;
}

.sec-user-quote .tumor-wrapper .transcript-wrapper ul.transcript-list li:not(:last-of-type) {
    border-bottom: 1px solid #1B1924;
}

.sec-user-quote .tumor-wrapper .transcript-wrapper ul.transcript-list li span {
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 400;
    color: #15063A;
}

.sec-user-quote .tumor-wrapper .transcript-wrapper ul.transcript-list li span.speaker {
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 900;
    color: #35197C;
    display: block;
    margin-bottom: 12px;
}

.sec-user-quote .therapy-wrapper {
    max-width: 800px;
    margin: auto;
}


.sec-user-quote .therapy-wrapper .btn-wrapper {
    margin-top: 80px;
}

@media screen and (max-width: 767px) {
    .sec-user-quote .therapy-wrapper .btn-wrapper {
        margin-top: 50px;
    }
}

.sec-user-quote .therapy-wrapper .btn-wrapper .btn-style {
    gap: 15px;
}

.sec-user-quote .therapy-wrapper .btn-wrapper .btn-style img {
    transform: rotate(-45deg);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}


/* ---------------------------------------------------- */
/* ------------------ D100SecDiseaseSingle------------------- */
/* ---------------------------------------------------- */

.sec-disease-single {
    padding: 0 0 0 80px;
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
    .sec-disease-single {
        padding: 60px 0;
    }
}

@media screen and (max-width: 767px) {
    .sec-disease-single {
        padding: 20px 10px 40px;
    }
}

.sec-disease-single.zap-page {
    padding: 0 0 250px;
}

@media screen and (max-width: 1199px) {
    .sec-disease-single.zap-page {
        padding: 0 0 50px;
    }
}

.sec-disease-single.zap-page .disease-card {
    padding-top: 40px;
}

.sec-disease-single.equipment-disease-faq {
    padding: 50px 0 80px;
}

@media screen and (max-width: 767px) {
    .sec-disease-single.equipment-disease-faq {
        padding: 10px 0 60px;
    }
}

.sec-disease-single.equipment-disease-faq .disease-card .faq-wrapper {
    margin: 0;
}

.sec-disease-single p.mb-48 {
    margin-bottom: 48px;
}

.sec-disease-single p.mt-24 {
    margin-top: 24px;
}

.sec-disease-single p.mb-24 {
    margin-bottom: 24px;
}

.sec-disease-single ul {
    margin-bottom: 14px;
}

.sec-disease-single ul.list-1 {
    padding-left: 8px;
    margin-bottom: 14px;
}

.sec-disease-single ul.list-1.mb-48 {
    margin-bottom: 48px;
}

.sec-disease-single ul.list-1 li {
    list-style: none;
    display: block;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    color: #1B1924;
    position: relative;
    padding-left: 12px;
}

@media screen and (max-width: 767px) {
    .sec-disease-single ul.list-1 li {
        font-size: 14px;
        line-height: 1.4;
    }
}

.sec-disease-single ul.list-1 li a {
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    color: #1B1924;
}

@media screen and (max-width: 767px) {
    .sec-disease-single ul.list-1 li a {
        font-size: 14px;
        line-height: 1.4;
    }
}

.sec-disease-single ul.list-1 li:before {
    content: "";
    background: #1B1924;
    width: 3px;
    height: 3px;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 9px;
}

.sec-disease-single .btn-wrapper {
    margin: 45px 0 0;
}

.sec-disease-single .btn-wrapper.top-arrow .btn-style {
    gap: 15px;
}

.sec-disease-single .btn-wrapper.top-arrow .btn-style img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(0%) hue-rotate(336deg) brightness(105%) contrast(100%);
    transform: rotate(-45deg);
}

.sec-disease-single .img-wrapper {
    margin: 34px 0 0;
}

.sec-disease-single .img-wrapper img {
    width: 100%;
}

.warning-wrapper {
    background: rgba(234, 197, 193, 0.5);
    border-radius: 4px;
    padding: 24px;
    margin: 24px 0 24px;
    /* @media screen and (min-width: 1200px) {
     margin: 0 0 0 0;
   }*/
}


.sec-disease-single .warning-wrapper.yellow {
    background: #F1F4FF;
}

.sec-disease-single .warning-wrapper.yellow p.title {
    color: #35197C;
}

.sec-disease-single .warning-wrapper.gray {
    background: rgb(237, 239, 237);
}

.sec-disease-single .warning-wrapper.gray p.title {
    color: #35197C;
}

.sec-disease-single .warning-wrapper p.title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 900;
    color: rgb(220, 111, 100);
    margin-bottom: 16px;
}

.sec-disease-single .disease-experts {
    /* margin-bottom: 80px; */
}

@media screen and (max-width: 767px) {
    .disease-experts {
        padding: 0 10px;
    }
}

.sec-disease-single .disease-experts .content-wrapper {
    padding-right: 30px;
}

@media screen and (max-width: 767px) {
    .sec-disease-single .disease-experts .content-wrapper {
        padding-right: 0;
    }
}

.sec-disease-single .disease-experts .content-wrapper .link-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-weight: 600;
}

.sec-disease-single .disease-experts .content-wrapper .link-btn:hover {
    filter: brightness(0) saturate(100%) invert(26%) sepia(81%) saturate(1288%) hue-rotate(230deg) brightness(87%) contrast(104%);
}

.sec-disease-single .disease-experts .content-wrapper a img {
    margin-right: 5px;
}

.sec-disease-single .disease-experts .content-wrapper a:hover img {
    filter: brightness(0) saturate(100%) invert(26%) sepia(81%) saturate(1288%) hue-rotate(230deg) brightness(87%) contrast(104%);
}

.sec-disease-single .disease-experts .content-wrapper + .disease-card {
    padding-top: 0;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-disease-single .expert-list-wrapper {
        max-width: 400px;
        margin-top: 40px;
    }
}

.sec-disease-single .expert-list-wrapper.sticky {
    position: fixed;
    top: 81px;
    z-index: 4;
    background: #ffffff;
    padding-bottom: 40px;
    padding-top: 22px;
}

.sec-disease-single .expert-list-wrapper > span {
    margin-bottom: 36px;
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-item {
    border-radius: 0;
    border: 0;
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-item:not(:last-of-type) {
    margin-bottom: 12px;
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-item .accordion-button {
    background: #ffffff;
    border: 0;
    border-radius: 10px !important;
    color: #ffffff;
    padding: 0 38px 0 0;
    box-shadow: unset !important;
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-item .accordion-button:before {
    content: "";
    background: url(/attachment/dnkatbz2lq4vrja8qwfa93i6) no-repeat center;
    background-size: cover;
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    right: 0;
    top: 20px;
    transition: all 0.2s ease-in-out;
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-item .accordion-button.collapsed:before {
    background: url(/attachment/4yo02plmuea6jbn7pjary3sds) no-repeat center;
    background-size: cover;
    height: 18px;
    width: 18px;
    filter: brightness(0) saturate(100%) invert(19%) sepia(58%) saturate(1643%) hue-rotate(234deg) brightness(88%) contrast(119%);
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-item .accordion-button:after {
    display: none;
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-item .accordion-button .expert-card {
    display: grid;
    grid-template-columns: 100px 1fr;
    align-items: center;
    column-gap: 16px;
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-item .accordion-button .expert-card .img-wrapper {
    margin: 0;
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-item .accordion-button .expert-card .img-wrapper img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    object-position: top;
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-item .accordion-button .expert-card .content span.title {
    margin-bottom: 4px;
    line-height: 20px;
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-item .accordion-button .expert-card .content p.title {
    font-weight: 900;
    line-height: 20px;
    margin-bottom: 4px;
    color: #35197C;
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-item .accordion-button .expert-card .content p.small {
    letter-spacing: -0.16px;
    text-transform: capitalize;
}

.sec-disease-single .expert-list-wrapper .accordion .accordion-body {
    padding: 18px 0 12px;
}

.sec-disease-single .expert-list-wrapper .btn-wrapper {
    margin: 36px 0 0;
}

.sec-disease-single .disease-card {
    padding-top: 35px;
}

@media screen and (min-width: 1199px) {
    .sec-disease-single .disease-card .col-md-8 {
        padding-right: 34px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .sec-disease-single .disease-card > img {
        max-width: 650px;
    }
}

@media screen and (max-width: 767px) {
    .sec-disease-single .disease-card > img {
        width: 100%;
    }
}

.sec-disease-single .disease-card ul.disease-list {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    margin: 24px 0 0;
    padding-left: 0;
}

@media screen and (max-width: 991px) {
    .sec-disease-single .disease-card ul.disease-list {
        grid-template-columns: auto;
    }
}

.sec-disease-single .disease-card ul.disease-list.no-grid {
    grid-template-columns: auto;
    padding-left: 0;
}

.sec-disease-single .disease-card ul.disease-list.no-grid li {
    list-style: none;
    border-right: none;
}

.sec-disease-single .disease-card ul.disease-list.no-grid li:nth-of-type(even) {
    padding-left: 0;
}

.sec-disease-single .disease-card ul.disease-list.no-grid li:nth-last-child(2) {
    border-bottom: 2px solid rgb(237, 239, 237);
}

.sec-disease-single .disease-card ul.disease-list li {
    list-style: none;
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: self-start;
    column-gap: 10px;
    padding: 24px 0 24px 0;
    border-bottom: 2px solid rgb(237, 239, 237);
    border-right: 2px solid rgb(237, 239, 237);
}

@media screen and (max-width: 991px) {
    .sec-disease-single .disease-card ul.disease-list li {
        border-right: none;
    }
}

.sec-disease-single .disease-card ul.disease-list li:nth-of-type(odd) {
    padding-right: 24px;
}

.sec-disease-single .disease-card ul.disease-list li:nth-of-type(even) {
    border-right: none;
    padding-left: 24px;
}

@media screen and (max-width: 991px) {
    .sec-disease-single .disease-card ul.disease-list li:nth-of-type(even) {
        padding-left: 0;
    }
}

.sec-disease-single .disease-card ul.disease-list li:last-of-type, .sec-disease-single .disease-card ul.disease-list li:nth-last-child(2) {
    border-bottom: none;
}

@media screen and (max-width: 991px) {
    .sec-disease-single .disease-card ul.disease-list li:nth-last-child(2) {
        border-bottom: 2px solid rgb(237, 239, 237);
    }
}

.sec-disease-single .disease-card ul.disease-list li strong {
    font-size: 48px;
    line-height: 40px;
    font-weight: 900;
    color: rgb(177, 190, 240);
}

.sec-disease-single .disease-card ul.disease-list li .content {
    padding-top: 5px;
}

.sec-disease-single .disease-card ul.disease-list li .content p:not(.title).f-18 {
    font-size: 16px;
    line-height: 24px;
}

.sec-disease-single .disease-card ul.disease-list li .content p.title {
    color: #35197C;
    font-weight: 900;
    margin-bottom: 10px;
}

.sec-disease-single .disease-card .disease-table {
    margin: 48px 0 0 -30px;
    max-width: 590px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.sec-disease-single .disease-card .disease-table:before {
    content: "";
    background: rgb(241, 244, 255);
    width: 15px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

@media screen and (max-width: 1199px) {
    .sec-disease-single .disease-card .disease-table {
        margin: 40px 0 0;
        overflow-x: auto;
    }
}

.sec-disease-single .disease-card .disease-table .grid-5 {
    display: grid;
    grid-template-columns: repeat(5, 192px);
    align-items: center;
    column-gap: 10px;
}

@media screen and (max-width: 991px) {
    .sec-disease-single .disease-card .disease-table .grid-5 {
        min-width: 970px;
    }
}

.sec-disease-single .disease-card .disease-table .grid-2 {
    display: grid;
    grid-template-columns: 205px 1fr;
    align-items: center;
    column-gap: 10px;
}

@media screen and (max-width: 991px) {
    .sec-disease-single .disease-card .disease-table .grid-2 {
        min-width: 650px;
    }
}

.sec-disease-single .disease-card .disease-table .table-header .table-item {
    padding: 18px 14px 16px;
}

.sec-disease-single .disease-card .disease-table .table-header .table-item:first-of-type {
    padding-left: 29px;
    border-radius: 4px 4px 0 0;
    background: rgb(241, 244, 255);
}

.sec-disease-single .disease-card .disease-table .table-body .table-row {
    border-top: 1px solid rgb(219, 217, 213);
}

.sec-disease-single .disease-card .disease-table .table-body .table-row:last-of-type .table-column:first-of-type {
    border-radius: 0 0 4px 4px;
}

.sec-disease-single .disease-card .disease-table .table-body .table-row .table-column {
    padding: 10px 14px;
    height: 100%;
}

.sec-disease-single .disease-card .disease-table .table-body .table-row .table-column:first-of-type {
    padding-left: 29px;
    background: rgb(241, 244, 255);
    display: flex;
    align-items: center;
}

.sec-disease-single .disease-card .disease-table .table-footer {
    border-top: 2px solid #35197C;
    padding: 14px 28px;
}

.sec-disease-single .disease-card .episode-card {
    background: #1B1924;
    border-radius: 4px;
    overflow: hidden;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-disease-single .disease-card .episode-card {
        max-width: 400px;
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .sec-disease-single .disease-card .episode-card {
        margin-top: 40px;
    }
}

.sec-disease-single .disease-card .episode-card.sticky {
    position: fixed;
    top: 100px;
    max-width: 400px;
    z-index: 4;
    padding-top: 22px;
}

.sec-disease-single .disease-card .episode-card .episode-img img {
    width: 100%;
    height: 200px !important;
    object-fit: cover;
    object-position: top;
}

.sec-disease-single .disease-card .episode-card .content {
    padding: 20px 24px;
}

.sec-disease-single .disease-card .episode-card .content p.title {
    font-weight: 600;
    margin: 12px 0;
}

.sec-disease-single .disease-card .episode-card .content p.w-900 {
    font-weight: 900;
}

.sec-disease-single .disease-card .episode-card .content p.description {
    text-transform: unset;
    border-bottom: 1px solid rgb(237, 239, 237);
    padding-bottom: 12px;
}

.sec-disease-single .disease-card .episode-card .content .play-wrapper {
    margin-top: 9px;
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}

.sec-disease-single .disease-card .episode-card .content .play-wrapper ul.date {
    padding-left: 0;
}

.sec-disease-single .disease-card .episode-card .content .play-wrapper ul.date li {
    list-style: none;
    display: inline-block;
}

.sec-disease-single .disease-card .episode-card .content .play-wrapper ul.date li:not(:last-of-type) {
    margin: 0 24px 0 0;
}

.sec-disease-single .disease-card .episode-card .content .play-wrapper .play-icon {
    width: 75px;
    height: 75px;
    background: #1B1924;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -17px 0 0;
}

.sec-disease-single .disease-card .episode-card .content .play-wrapper .play-icon a img {
    max-width: 52px;
}

.sec-disease-single .disease-card .episode-card .content .btn-link {
    color: rgb(218, 230, 112);
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.sec-disease-single .disease-card .episode-card .content .btn-link img {
    filter: brightness(0) saturate(100%) invert(88%) sepia(60%) saturate(393%) hue-rotate(6deg) brightness(96%) contrast(88%);
}

.sec-disease-single .disease-card .iframe-wrapper {
    margin: 24px 0 24px;
}

.sec-disease-single .disease-card .iframe-wrapper iframe {
    width: 100%;
    height: 438px;
    object-fit: cover;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-disease-single .disease-card .iframe-wrapper iframe {
        height: 275px;
    }
}

@media screen and (max-width: 767px) {
    .sec-disease-single .disease-card .iframe-wrapper iframe {
        height: 222px;
    }
}

.sec-disease-single .disease-card .patient-card {
    border: none;
    background: rgb(237, 239, 237);
    padding: 0;
    position: relative;
    border-radius: 0;
    transition: 0.3s ease-in-out;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .sec-disease-single .disease-card .patient-card {
        max-width: 400px;
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .sec-disease-single .disease-card .patient-card {
        margin: 40px 0 0;
    }
}

.sec-disease-single .disease-card .patient-card.sticky {
    position: fixed;
    top: 100px;
    width: 369px !important;
    max-width: 400px;
    z-index: 4;
}

.sec-disease-single .disease-card .patient-card .patient-img {
    margin-bottom: 0;
}

.sec-disease-single .disease-card .patient-card .patient-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.sec-disease-single .disease-card .patient-card .patient-content {
    padding: 24px;
}

.sec-disease-single .disease-card .patient-card .patient-content span.title {
    margin-bottom: 16px;
}

.sec-disease-single .disease-card .patient-card .patient-content p.title {
    font-weight: 900;
    color: #35197C;
    margin-bottom: 16px;
}

.sec-disease-single .disease-card .patient-card .patient-content .footer {
    border-top: 1px solid #15063A;
    margin: 24px 0 0;
    padding: 24px 0 0;
}

.sec-disease-single .disease-card .patient-card .patient-content .footer .arrow-btn {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #35197C;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .sec-disease-single .disease-card .patient-card .patient-content .footer .arrow-btn {
        font-size: 14px;
        line-height: 20px;
    }
}

.sec-disease-single .disease-card .patient-card .patient-content .footer .arrow-btn img {
    width: 16px;
    height: 14px;
}

.sec-disease-single .disease-card .telephone-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 24px 0 0;
}

.sec-disease-single .disease-card .telephone-btn img {
    max-width: 25px;
}

.sec-disease-single .disease-card .telephone-btn a {
    font-size: 24px;
    line-height: 28px;
    font-weight: 900;
    color: #1B1924;
}

.sec-disease-single .disease-card .disease-quote {
    margin-top: 48px;
    padding: 24px;
    border-top: 1px solid rgb(153, 152, 159);
}

.sec-disease-single .disease-card .disease-quote span {
    font-size: 11px;
    line-height: 14px;
    color: rgb(153, 152, 159);
}


.accordion-style-v1 {
    max-width: 720px;
}

.accordion-style-v1 .accordion-item {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #35197C;
}

.accordion-style-v1 .accordion-item:not(:last-of-type) {
    margin-bottom: 0;
}

.accordion-style-v1 .accordion-item:last-of-type {
    border-bottom: 0;
}

.accordion-style-v1 .accordion-item button {
    background: #ffffff;
    border: 0;
    border-radius: 10px !important;
    color: #ffffff;
    padding: 23px 0 22px 38px;
    box-shadow: unset !important;
}

@media screen and (max-width: 767px) {
    .accordion-style-v1 .accordion-item button {
        padding: 18px 0 18px 35px;
    }
}

.accordion-style-v1 .accordion-item button:before {
    content: "";
    background: url(/attachment/dnkatbz2lq4vrja8qwfa93i6) no-repeat center;
    background-size: cover;
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    left: 0;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    transition: all 0.2s ease-in-out;
}

.accordion-style-v1 .accordion-item button.collapsed:before {
    background: url(/attachment/4yo02plmuea6jbn7pjary3sds) no-repeat center;
    background-size: cover;
    height: 18px;
    width: 18px;
}

.accordion-style-v1 .accordion-item button:after {
    display: none;
}

.accordion-style-v1 .accordion-body {
    padding: 0 0 24px;
}

.warning-wrapper.inside-content {
    background: rgba(234, 197, 193, 0.5);
    border-radius: 4px;
    padding: 24px;
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: self-start;
    column-gap: 12px;
}

@media screen and (max-width: 767px) {
    .warning-wrapper.inside-content {
        grid-template-columns: 1fr;
        row-gap: 10px;
    }
}

.warning-wrapper.inside-content.yellow {
    background: #F1F4FF;
}

.warning-wrapper.inside-content.yellow p.title {
    color: #35197C;
}

.warning-wrapper.inside-content.gray {
    background: rgb(237, 239, 237);
}

.warning-wrapper.inside-content.gray p.title {
    color: #35197C;
}

.warning-wrapper.inside-content .icon-wrapper {
    padding-top: 10px;
}

.warning-wrapper.inside-content .icon-wrapper img {
    max-width: 28px;
    position: relative;
    top: -5.2px;
}

.warning-wrapper.inside-content .content-wrapper p.title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 900;
    margin-bottom: 16px;
}

/* ---------------------------------------------------- */
/* ------------------ StandardContent ------------------- */
/* ---------------------------------------------------- */

.standard-content .disease-table {
    margin: 0 !important;
}

.standard-content .img-wrapper, .standard-content .disease-list {
    margin: 0 !important;
}

.standard-content ul.btn-list {
    padding-left: 0;
    list-style: none;
}

.standard-content ul.btn-list li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

@media screen and (max-width: 767px) {
    .standard-content ul.btn-list li {
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
    }
}

blockquote, .standard-content blockquote {
    padding: 20px;
}

blockquote:before, .standard-content blockquote:before {
    content: "";
    background: url(../images/icons/quote-left-icon.svg) no-repeat;
    background-size: 100%;
    margin-bottom: 15px;
    display: block !important;
    width: 30px;
    height: 26px;
}

blockquote:after, .standard-content blockquote:after {
    content: "";
    background: url(../images/icons/quote-right-icon.svg) no-repeat;
    background-size: 100%;
    margin-top: 15px;
    display: block !important;
    width: 30px;
    height: 26px;
}

/* ---------------------------------------------------- */
/* ------------------ new ------------------- */
/* ---------------------------------------------------- */

/*
  bis hier aus ercm css
*/


.title-color-dark, .title-color-dark * {
    color: #FFFFFF !important;
}

.title-color-light, .title-color-light * {
    color: #35197C !important;
}

.text-color-dark, .text-color-dark * {
    color: #FFFFFF !important;
}

.background-color-dark {
    background-color: #35197C !important;
}

.background-color-light {
    background-color: #FFFFFF !important;
}

.button-color-dark {
    background-color: #B1BEF0 !important;
    color: #35197C !important;
}

.button-color-light {
    background-color: #085080 !important;
    color: #FFFFFF !important;
}

.button-color-light:hover {
    background-color: #195A93 !important;
}

.button-color-dark:hover {
    background-color: #DAE670 !important;
}

.custom-slider-indecators-light li {
    border: 1px solid #085080 !important;
}

.custom-slider-indecators-ligth li.active {
    background-color: #085080 !important;
}

.custom-slider-indecators-dark li {
    border: 1px solid #FFFFFF !important;
    background-color: #085080 !important;
}

.custom-slider-indecators-dark li.active {
    border: 1px solid #FFFFFF !important;
    background-color: #FFFFFF !important;
}

.card-shadow-light {
    box-shadow: 0px 5px 5px lightgray;
}

.card-shadow-dark {
    box-shadow: 0px 5px 5px #4490C4;
}

.horizontal-line-light {
    color: #15063A !important;
    background-color: #15063A !important;
}

.horizontal-line-dark {
    color: #15063A !important;
    background-color: #15063A !important;
}

body {
    word-break: break-word;
    overflow-wrap: break-word;
}

.custom-border-bottom {
    border-bottom: 1px solid #085080;
}

.btn-grey {
    color: #fff;
    background-color: #b3b2b4;
    border-color: #b3b2b4;
}

.btn-grey:hover {
    color: #fff;
    background-color: #777678;
    border-color: #777678;
}

.btn-disabled {
    pointer-events: none;
}

.bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.custom-bg-light {
    background-color: #f6f5f7;
}

.custom-bg-dark {
    background-color: #96a8b4;
}

@media (max-width: 576px) {
    .ho-submit {
        font-size: 24px;
        line-height: 1.5;
    }
}

@media (max-width: 576px) {
    .ho-help-text {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .ho-field div {
        font-size: 18px;
        line-height: 1.5;
    }
}

@media (max-width: 576px) {
    .ho-input {
        font-size: 24px;
        padding: 5px;
        line-height: 1.5;
    }
}

@media (max-width: 576px) {
    .ho-button {
        font-size: 18px;
        line-height: 1.5;
    }
}


/* ---------------------------------------------------- */
/* ------------------ Header/Navbar ------------------- */
/* ---------------------------------------------------- */


/* Basic Setup */
#header .container {
    /*max-width: 1180px; !* deine Wunschbreite *!*/
}

nav.navbar {
    background-color: #dbd9d5;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

@media (max-width: 991.98px) {
    #navbarNav {
        position: fixed; /* wichtig! */
        top: 81px; /* unter der Navbar */
        left: 0;
        right: 0;
        height: calc(100vh - 77px); /* statt 100vh, damit nix überlappt */
        width: 100%;
        overflow: auto; /* Scrollen im Menü erlauben */
        padding: 15px;
        background-color: #fff;
        z-index: 1050;
    }
}

.navbar-home-logo img {
    height: 100%;
    max-height: 1.2rem; /* Sicherheit: nicht zu groß */
    width: auto;
}


@media (max-width: 576px) {
    .main-navbar-nav a {
        font-size: 2.4rem !important;
    }
}

@media (min-width: 768px) {
    #navbarNav {
    }
}

.sections-body {
    margin-top: 65px !important;
    scroll-margin-top: 65px;
    scroll-snap-margin-top: 65px;
}

.navbar-div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar .logo {
    height: 50px;
}

.navbar-brand {
    margin-right: 0;
}

.main-navbar-nav {
    padding: 0;
    margin: 0;
    width: 100%;
}

.navbar-shrink {
    -webkit-transition: ease-out 0.2s;
    transition: ease-out 0.2s;
    background-color: #fff !important;
}

/* Responsive Positions */
@media (min-width: 576px) {
    nav.navbar {
        /*padding: 15px 20px !important; */
        height: 80px;
    }

    #navbarNav {
        top: 79px !important;
    }

    .sections-body {
        margin-top: 80px !important;
        scroll-margin-top: 80px;
        scroll-snap-margin-top: 80px;
    }
}


@media (min-width: 992px) and (max-width: 1399px) {
    .navbar-div {
        display: block;
        justify-content: unset;
        align-items: unset;
        text-align: center;
    }

    ul.navbar-nav {
        justify-content: center;
    }

    .sections-body {
        margin-top: 80px !important;
        scroll-margin-top: 80px;
        scroll-snap-margin-top: 80px;
    }
}

@media (min-width: 1400px) {
    nav.navbar {
    }

    .sections-body {
        margin-top: 80px;
        scroll-margin-top: 80px;
        scroll-snap-margin-top: 80px;
    }

    .main-navbar-nav {
        justify-content: flex-end;
        display: flex;
    }

    .lang-nav-item {
        margin-left: 20px;
    }

    .profile-nav-item {
        margin-left: 40px;
    }
}

/* Link text */
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link {
    color: #35197C;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgb(116, 97, 165);
}

/* Dropdown */
.dropdown-menu {
    top: 80%;
    font-size: 1.0rem;
}

.dropdown-item {
    color: #085080;
}

.dropdown-toggle:empty::after {
    font-size: 19px;
}

.dropdown-toggle {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 5px;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #08508080;
    background-color: #fff;
}


/* ---------------------------------------------------- */
/* ---------------------- Footer ---------------------- */
/* ---------------------------------------------------- */

/* Basic Setup */
#footer .container {
    max-width: 1180px;
}

footer {
    padding: 100px 0 0;
    background: rgb(21, 6, 58);
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    footer {
        padding: 60px 0 0;
    }
}

@media screen and (max-width: 767px) {
    footer {
        padding: 40px 18px 0;
    }
}

@media screen and (max-width: 767px) {
    footer .link-wrapper {
        margin-bottom: 50px;
    }
}

footer span.title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    color: #ffffff !important;
}

footer .link-wrapper ul.timing {
    padding-left: 0;
}

footer .link-wrapper ul.timing li {
    list-style: none;
    display: grid;
    grid-template-columns: 174px auto;
    column-gap: 15px;
    align-items: center;
}

footer .link-wrapper ul.timing li:not(:last-of-type) {
    margin-bottom: 3px;
}

footer .link-wrapper .number-wrapper {
    margin: 48px 0 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

@media screen and (max-width: 767px) {
    footer .link-wrapper .number-wrapper {
        margin: 30px 0 0;
    }
}

footer .link-wrapper .number-wrapper img {
    max-width: 25px;
}

@media screen and (max-width: 991px) {
    footer .link-wrapper .number-wrapper img {
        max-width: 22px;
    }
}

footer .link-wrapper .number-wrapper a {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
    color: #ffffff;
}

@media screen and (max-width: 991px) {
    footer .link-wrapper .number-wrapper a {
        font-size: 20px;
        line-height: 28px;
    }
}


footer .link-wrapper .btn-wrapper {
    margin: 36px 0 0;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    footer .link-wrapper .btn-wrapper .btn-style {
        font-size: 16px;
        line-height: 24px;
    }
}

footer .logo-wrapper a img {
    max-width: 260px;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    footer .logo-wrapper a img {
        max-width: 225px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    footer .logo-wrapper a img {
        max-width: 165px;
    }
}

@media screen and (max-width: 767px) {
    footer .logo-wrapper a img {
        max-width: 220px;
    }
}

footer .bottom-footer {
    margin-top: 170px;
    padding: 0 0 24px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    footer .bottom-footer {
        margin-top: 120px;
    }
}

@media screen and (max-width: 767px) {
    footer .bottom-footer {
        margin-top: 70px;
    }
}

footer .bottom-footer .cyber-wrapper {
    padding: 0 100px 21px;
    margin: 0 0 21px;
    border-bottom: 1px solid rgb(237, 239, 237);
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    footer .bottom-footer .cyber-wrapper {
        padding: 0 0 21px;
    }
}

@media screen and (max-width: 767px) {
    footer .bottom-footer .cyber-wrapper {
        padding: 0 0 8px;
    }
}

footer .bottom-footer .cyber-wrapper ul.brands {
    text-align: right;
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    footer .bottom-footer .cyber-wrapper ul.brands {
        margin: 15px 0;
        text-align: center;
    }
}

footer .bottom-footer .cyber-wrapper ul.brands li {
    list-style: none;
    vertical-align: middle;
    display: inline-block;
}

footer .bottom-footer .cyber-wrapper ul.brands li:not(:last-of-type) {
    margin: 0 28px 0 0;
}

@media screen and (max-width: 991px) {
    footer .bottom-footer .cyber-wrapper ul.brands li:not(:last-of-type) {
        margin: 0 20px 0 0;
    }
}

footer .bottom-footer .cyber-wrapper ul.brands li a img {
    max-width: 120px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    footer .bottom-footer .cyber-wrapper ul.brands li a img {
        max-width: 80px;
    }
}

@media screen and (max-width: 767px) {
    footer .bottom-footer .cyber-wrapper ul.brands li a img {
        max-width: 120px;
    }
}

footer .bottom-footer .bottom-footer-wrapper {
    padding: 0 100px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    footer .bottom-footer .bottom-footer-wrapper {
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    footer .bottom-footer .bottom-footer-wrapper {
        padding: 0;
    }
}

footer .bottom-footer .bottom-footer-wrapper .language-wrapper {
    display: flex;
    align-items: center;
    gap: 36px;
}

@media screen and (max-width: 767px) {
    footer .bottom-footer .bottom-footer-wrapper .language-wrapper {
        display: grid;
        row-gap: 12px;
    }
}

footer .bottom-footer .bottom-footer-wrapper .language-wrapper ul.language-list {
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    footer .bottom-footer .bottom-footer-wrapper .language-wrapper ul.language-list {
        text-align: center;
    }
}

footer .bottom-footer .bottom-footer-wrapper .language-wrapper ul.language-list li {
    list-style: none;
    vertical-align: middle;
    display: inline-block;
}

footer .bottom-footer .bottom-footer-wrapper .language-wrapper ul.language-list li:not(:last-of-type) {
    margin: 0 9px 0 0;
}

footer .bottom-footer .bottom-footer-wrapper .language-wrapper ul.language-list li a {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
}

footer .bottom-footer .bottom-footer-wrapper .language-wrapper ul.language-list li a.active {
    font-weight: 400;
}

footer .bottom-footer .bottom-footer-wrapper .language-wrapper ul.links {
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    footer .bottom-footer .bottom-footer-wrapper .language-wrapper ul.links {
        text-align: center;
    }
}

footer .bottom-footer .bottom-footer-wrapper .language-wrapper ul.links li {
    list-style: none;
    vertical-align: middle;
    display: inline-block;
}

footer .bottom-footer .bottom-footer-wrapper .language-wrapper ul.links li:not(:last-of-type) {
    margin: 0 30px 0 0;
}

@media screen and (max-width: 991px) {
    footer .bottom-footer .bottom-footer-wrapper .language-wrapper ul.links li:not(:last-of-type) {
        margin: 0 20px 0 0;
    }
}

footer .bottom-footer .bottom-footer-wrapper .language-wrapper ul.links li a {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #ffffff;
}

footer .bottom-footer .bottom-footer-wrapper ul.social {
    text-align: right;
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    footer .bottom-footer .bottom-footer-wrapper ul.social {
        text-align: center;
        margin: 12px 0 0;
    }
}

footer .bottom-footer .bottom-footer-wrapper ul.social li {
    list-style: none;
    vertical-align: middle;
    display: inline-block;
}

footer .bottom-footer .bottom-footer-wrapper ul.social li:not(:last-of-type) {
    margin: 0 24px 0 0;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    footer .bottom-footer .bottom-footer-wrapper ul.social li:not(:last-of-type) {
        margin: 0 18px 0 0;
    }
}

footer .bottom-footer .bottom-footer-wrapper ul.social li a:hover img {
    transform: scale(1.1);
}

footer .bottom-footer .bottom-footer-wrapper ul.social li a img {
    max-width: 32px;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    footer .bottom-footer .bottom-footer-wrapper ul.social li a img {
        max-width: 25px;
    }
}

/* ---------------------------------------------------- */
/* -------------------- C010Banner -------------------- */
/* ---------------------------------------------------- */
.banner-content {
    min-height: 280px;
}

@media (min-width: 576px) {
    .banner-content {
        /* min-height: 350px; */
    }
}